#include("./common/header.html", {active:"signin", title:"Github 账号绑定"})
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div id="result" class="alert alert-success mt20 mr20 ml20 hide"></div>
            <div class="col-md-6 app layout-fixed-header bg-white usersession">
                <div class="full-height">
                    <div class=center-wrapper>
                        <div class=center-content>
                            <div class="row no-margin col-md-8">
                                <ul id="github-bind-tab" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active">
                                        <a href="#signup" id="signup-tab" role="tab" data-toggle="tab"
                                           aria-controls="signup" aria-expanded="true">绑定新账号</a>
                                    </li>
                                    <li role="presentation" class="">
                                        <a href="#signin" role="tab" id="signin-tab" data-toggle="tab"
                                           aria-controls="signin" aria-expanded="false">绑定已有帐号</a>
                                    </li>
                                </ul>
                                <div id="github-tab-content" class="tab-content">
                                    <div role="tabpanel" class="tab-pane fade active in" id="signup"
                                         aria-labelledby="signup-tab">
                                        <form id="github_signup_form" role="form" class="form-layout" method="post"
                                              onsubmit="return github.signup();">
                                            <div class=form-inputs>
                                                <div class="input-group mb15">
                                                    <span class="input-group-addon">用户名</span>
                                                    <input type="text" id="login_name" class="form-control input-lg"
                                                           placeholder="请使用半角的 a-z 或数字 0-9" required="required"
                                                           value=""/>
                                                </div>
                                                <div class="input-group mb15">
                                                    <span class="input-group-addon">邮　箱</span>
                                                    <input type="email" id="email" class="form-control input-lg"
                                                           placeholder="请使用真实电子邮箱注册，我们不会将你的邮箱地址分享给任何人"
                                                           required="required" value=""/>
                                                </div>
                                                <div class="input-group mb15">
                                                    <span class="input-group-addon">密　码</span>
                                                    <input type="password" id="pass_word" class="form-control input-lg"
                                                           placeholder="请输入6-20位密码" required="required"/>
                                                </div>
                                            </div>
                                            <button class="btn btn-success btn-block btn-lg mb15" type="submit">
                                                注册并绑定账号
                                            </button>
                                            </p>
                                        </form>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="signin" aria-labelledby="signin-tab">
                                        <form id="github_signin_form" role="form" class="form-layout" method="post"
                                              onsubmit="return github.signin();"/>
                                        <div class=form-inputs>
                                            <input type="hidden" name="open_id" value="${open_id}"/>
                                            <input type="text" class="form-control input-lg" id="login_name"
                                                   placeholder="请输入账号或者邮箱" required="required" value=""/>
                                            <input type="password" class="form-control input-lg" id="pass_word"
                                                   placeholder="请输入登录密码" required="required"/>
                                        </div>
                                        <button class="btn btn-success btn-block btn-lg mb15" type="submit">
                                            <span>绑定并登录</span>
                                        </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        #include("./common/sidebar.html")
    </div>
</div>
#include("./common/footer.html")
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
    $('#github-bind-tab a').click(function (e) {
        e.preventDefault()
        $(this).tab('show');
    });
</script>
</body>
</html>